.login-container {
  padding: 0 16px;
  background: #f5f7fb;
  .login-wrap {
    .login-header {
      max-width: 768px;
      height: 48px;
      .header-logo {
        width: 100px;
      }

      .btn-down {
      }
    }

    .login-content {
      max-width: 768px;
      justify-content: center;
      .login-tips {
        .tip-title {
          font-size: 46px;
          margin-bottom: 10px;
        }

        .tip-subtitle {
          font-size: 16px;
        }
      }

      .login-form {
        min-height: 460px;
        padding: 32px 24px 109px 24px;
        .tabs {
          .tab-item {
            color: #7285A0;
            font-family: 'PingFang SC';
            font-size: 16px;
            font-weight: 500;
            &.active {
              color: #000;
              &::after {
                width: 24px;
              }
            }
          }
        }

        .forget-title {
          .back-box {
            margin-right: 12px;
          }

          .forget-text {
            font-size: 18px;
          }
        }

        .login-form-content {
          .forget {
            font-size: 12px;
          }
        }

        .login {
          font-size: 12px;
        }

        .agreement-tip {
          .tip-d {
          }

          .tip-a {
          }
        }

        .login-btn {
          font-size: 14px;
        }
      }
    }
  }
}
